<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./vue.js"></script>
</head>

<body>
    <!-- 定义挂载点 -->
    <div id="app">
        <!-- 
          .enter 		回车
            .left 		左箭头
            .right 		右箭头
            .up 		上箭头
            .down 		下箭头
            .space 		空格
            .delete 	删除 （捕获删除和退格键）
            .esc    	退出
            .tab    	换行(必须配合keydown使用)
             65
         -->
        <input type="text" @keydown.enter="keyFun">
    </div>

    <script>
        new Vue({
            //挂载点
            el: "#app",
            //数据
            data: {},
            //方法
            methods: {
                keyFun(e) {
                    console.log(e.key);
                    if (e.key == "Enter") {
                        console.log("回车");
                    }


                }
            }
        })
    </script>
</body>

</html>